$(document).ready(function(){
    /*var r = 0, g = 0, b = 0;
    var max = 256;
    var step = 16;
    var root = $('.outwrapper');
    var dHeight = 60;
    var h = step/dHeight * 100;
    
    while(b <= max){
        var rgb = r+","+g+","+b;
        var hexR = r.toString(16).length == 1 ? "0"+r.toString(16) : r.toString(16);
        var hexG = g.toString(16).length == 1 ? "0"+g.toString(16) : g.toString(16);
        var hexB = b.toString(16).length == 1 ? "0"+b.toString(16) : b.toString(16);
        var hex = hexR+hexG+hexB;
        
        root.append('<div class="titled" title="#'+hex+'" style="display: inline-block; background: rgb('+rgb+'); width: '+h+'px; height: '+h+'px; vertical-align: top;">');
        g += step-1;
        if(g >= max){
            g = 0;
            r += step-1;            
        }
        
        if(g >= max | r >= max){
            b += step-1;
            g = 0;
            r = 0;
            root.append('<br />');
        }
    }
    $('.titled').tooltip();/**/
});